.card-enter, .card-appear {
    opacity: 0;
    transform: scale(.8);
    /*transition: opacity  200ms, transform 200ms;*/
}

.card-enter-active, .card-appear-active {
    opacity: 1;
    transform: scale(1);
    /*过度动画*/
    transition: opacity 300ms, transform 300ms;
}
.card-exit {
    opacity: 1;
}

.card-exit-active {
    opacity: 0;
    transform: scale(.8);
    transition: opacity 300ms, transform 300ms;
}